import React, { Fragment, useEffect } from "react";
import HeaderSix from "../../../components/headers/Header-six";
import Banner from "./component/Banner";
import FooterLink from "./component/FooterLink";
import Helmet from "react-helmet";

import MasterFooter from "../../../components/footers/common/MasterFooter";

const Tools = () => {
  useEffect(() => {
    document.documentElement.style.setProperty("--theme-deafult", "#ff4c3b");
  });
  return (
    <Fragment>
      <Helmet>
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="icon" type="image/x-icon" href={"/assets/images/favicon/1.png"} />
      </Helmet>
      <div className="tools-bg">
        <HeaderSix logoName={"logo.png"} direction="right" />
        <Banner />
        <FooterLink />
        <MasterFooter />
      </div>
    </Fragment>
  );
};

export default Tools;
